
body{
	outline: 0;
	padding: 0;
	margin: 0;
	border: 0;
	font-family: "Microsoft YaHei";
	background-color: white;
	min-width: 1000px;

}
a{padding: 0px;margin: 0px; text-decoration: none; color: #fff;}
ul, li, a, nav {margin:0;padding:0;} 
#bg{
	position: absolute;
	width:100%; 
	height:100%; 
	z-index:-1;
	min-width:1000px;
	min-height: 827px;
}

.wapper{
	position:relative;
	width:1000px;
	margin:0 auto;
}
.top{
	position: relative;
	width: 1000px;
	height: 148px;	
}
.logo{
	position: absolute;
	left: 0;
	top: 0;
	width: 390px;
	height: 148px;
	
}
.slider{
	position: absolute;
	margin-left: 390px;
	top: 0px;	
	width: 610px;
	height: 148px;

}
.user{
	position: absolute;
	width: 95px;
	height: 20px; 
	right: 0px;
	margin-top: 46px;
	
}
.userpng{
	position: absolute;
	left: 0px;
	width: 17px;
	height: 20px;
	
}
.username{
	position: absolute;
	left: 19px;
	width: 60px;
	height: 20px;

}
.username a{
	font-size: 14px;
	text-decoration: none;
	color:#fff;
}

.userslider{
	position: absolute;
	margin-top: 102px;
	right: 0px;
	width: 487px;
	height: 25px;
	
	border-bottom: 2px solid #bdbaba;
}

.userslider ul{

	margin: 0px;
	padding: 0px;
	height: 25px;
	width: 487px;
}
.userslider ul li{
	display: inline-block;	
	margin-left: 26px;
	font-size: 16px;
	text-align: center;
	line-height: 25px;	
	overflow: hidden;
	cursor: pointer;
	
}
.userla{
	position: absolute;
	right: -10px;
	
}
ul, li {list-style:none;}
nav{display: block;}

.userla nav ul {zoom:1;}
.userla nav ul li {font-size:12px;font-weight:bold;float:left;padding:0 ;position:relative;}
.userla nav ul li:after {content:'';float:left;display:block;width:12px;height:12px;}
.userla nav ul li a, .userla nav ul li a:visited {color:#434242;float:left;height:30px;}
.userla nav ul li a:hover {color:#afadad;}
.userla nav ul li:hover > ul {display:block;}
.userla nav ul ul {display:none;position:absolute;top:25px;left:-70px;top: 19px;z-index:99999;background:#fff;}

.userla nav ul ul li {float:none;padding:0;display:block;font-size:12px;font-weight:normal;}
.userla nav ul ul a {float:none;padding:8px 0px 10px 12px;width:80px;height:14px;display:block;float:none;border-bottom:1px solid #e3e3e3;border-top:1px solid #fff;}
.userla nav ul ul li:after {display:none;}


.main{
	position: relative;
	
	width: 1000px;
	height: 679px;

}
.main_png{
	position: absolute;
	
	width: 518px;
	height: 377px;
	margin-top: 64px;
	margin-left: 53px;
	background-image: url(../images/main_bg.png);
	box-shadow: 0px 1px 4px #a8a8a8;
}
.main_png_png{
	position: absolute;

	width: 480px;
	height: 339px;
	margin-left: 18px;
	margin-top:17px;
	background-color:#fff;  
}
.main_zhuce{
	position: absolute;
	height: 510px;
	width: 360px;
	
	margin-left:588px;
	margin-top: 64px;  
	background-color: #fff;
	box-shadow: 0px 1px 4px #a8a8a8;
}
.main_top{
	position: relative;
	height: 75px;
	width: 360px;
	border-bottom: 2px solid #dde1e7;
}
.top_login{
	position: absolute;
	margin-left: 50px;
	margin-top: 28px;
}
.top_zhuce{
	position: absolute;
	right: 53px;
	margin-top: 38px;
}




#content form { margin: 20px 26px; position: relative }
#content form input[type="text"],
#content form input[type="password"] {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
    transition: all 0.3s ease;
    background: #fff url(../images/login-icon.png) no-repeat;
    border: 1px solid #c8c8c8;
    color: #777;
    font: 13px Helvetica, Arial, sans-serif;
    margin: 0 0 10px;
    padding: 15px 10px 15px 40px;
    width: 80%;
}

#content form input[type="email"] {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
    transition: all 0.3s ease;
    background: #fff url(../images/login-icon1.png) no-repeat;
    border: 1px solid #c8c8c8;
    color: #777;
    font: 13px Helvetica, Arial, sans-serif;
    margin: 0 0 10px;
    padding: 15px 10px 15px 40px;
    width: 80%;
}
#content form input[type="text"]:focus,
#content form input[type="password"]:focus {
    -webkit-box-shadow: 0 0 2px #7b8392 inset;
    -moz-box-shadow: 0 0 2px #7b8392 inset;
    -ms-box-shadow: 0 0 2px #7b8392 inset;
    -o-box-shadow: 0 0 2px #7b8392 inset;
    box-shadow: 0 0 2px #7b8392 inset;
    background-color: #fff;
    border: 1px solid #7b8392;
    outline: none;
}
#username { background-position: 10px 10px !important }
#password { background-position: 10px -53px !important }
#email { background-position: 10px 10px !important }
#repassword { background-position: 10px -53px !important }

.checkbox{
	position: absolute;
	left: 24px;
	top: 260px;

}
.fp{
	position: absolute;
	top: 360px;
	left: 250px;
}
.fp a{
	color: #7b8392;
	font-size: 13px;
}
.fp a:hover{
	text-decoration: underline;
}

.baocun {
	position: absolute;
    width: 270px;
    height: 50px;
    display: block;
    padding-top: 0px;
    padding-bottom: 0px;
    border-radius: 6px;
    border-width: 1px medium;
    border-style: solid none;
    border-color: #c78548 -moz-use-text-color #fff;
    -moz-border-top-colors: none;
    -moz-border-right-colors: none;
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    border-image: none;
    background: #c78548 none repeat scroll 0% 0%;
    text-align: center;
    line-height: 50px;
    text-decoration: none;
    font-size: 18px;
    font-weight: bold;
    color: #FFF;
    text-shadow: 0px -1px #c78548, 0px 1px #c78548;
    cursor: pointer;
    
}

.under{
	position: absolute;
	width: 350px;
	height: 15px;	
	bottom: 15px;
	margin-left:350px;
}